@charset "UTF-8";
html {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body {
    font-family: "Cereal", -apple-system, BlinkMacSystemFont, Arial, sans-serif;font-size: 12px;color: #001f3f;}
::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, input:-moz-placeholder {color: #a3afb7;}
*:hover, *:focus {outline: none !important;}
a {color: #585663;}
a:hover, a:active {color: #ff3366;text-decoration: none;}
a:focus {box-shadow: none;text-decoration: none;}
.header {height: 50px; background: #ffffff;box-shadow: 0 0 2px rgba(0, 0, 0, .3);}
.header .navbar-brand {padding: 0 0 0 15px;}
.header .navbar-brand img {height: 50px;}
/* main */
.main {min-height: 360px;padding-top: 50px;position: relative;}
.left {background-color: #2d353c;position: fixed;padding-top: 50px;z-index: 11;top: 0;bottom: 0;left: 0;width: 200px;}
.right {margin-left: 200px;position: relative;background: #ffffff;}
.right .content {padding: 20px;}
.nav-menu li a {padding: 8px 20px;color: #a8acb1;font-size: 13px;position: relative;display: block;}
.nav-menu li > a .caret {position: absolute;top: 50%;right: 15px;}
.nav-menu > li > a { background-color: #2d353c;color: #a8acb1;border-left: 4px solid #00acac;}
.nav-menu li a:hover, .nav-menu li a:focus { background-color: #2d353c;color: #ffffff;}
.nav-menu .active > a, .nav-menu .active > a:hover, .nav-menu .active > a:focus {background-color: #00acac;color: #ffffff;}
.nav-menu .sub-menu {list-style: none;padding: 0;margin: 0;background: #1a2229;width: 100%;display: block;}
.nav-menu .sub-menu li {display: block; position: relative;margin-left: 15px;}
.nav-menu .sub-menu li a {padding: 6px 20px;font-size: 12px;}
.nav-menu .sub-menu li a i {padding-right: 5px;}
.nav-menu .sub-menu > li > a:hover, .nav-menu .sub-menu > li > a:focus { background-color: transparent;color: #ffffff;}
.hardware .item { background-color: #f9f9f9;
    border: 1px solid #ffffff;margin-bottom: 15px;padding: 20px 15px;text-align: center;}
.page-title {
    border-bottom: 1px solid #e2e7eb;
    padding-bottom: 3px;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 600;
    color: #333333;
}
.pagination {
    margin: 0;
}
.pagination > li a, .pagination > li .summary {
    background: #e4eaec;
    padding: 5px 12px;
    margin: 0 2px;
    color: #707478;
    border-radius: 3px !important;
    border: none;
}
.pagination > li > .summary:focus, .pagination > li > .summary:hover {
    color: #242a30;
    background-color: #e4eaec;
    cursor: help;
}
.pagination > li a:hover, .pagination > li.active a, .pagination > li.active a:hover {
    color: #ffffff;
    background: #242a30;
}
.pagination .pages {
    padding: 5px 6px;
    background: transparent;
    border: none;
}
.hint-block {
    color: #999999;
    font-size: 1rem;
}
.mb-2 {
    margin-bottom: 20px;
}
.pb-2 {
    padding-bottom: 1.5rem;
}
.breadcrumb {
    background: #e7ebed;
    border-radius: 0;
}
.breadcrumb i {
    padding-right: 5px;
}
.breadcrumb > li a {
    color: #333333;
}
.panel {
    border: none;
    box-shadow: none;
}
.panel-heading {
    background: #242a30;
    color: #ffffff;
    border: none;
}
.panel-title {
    font-size: 12px;
}
.alert {padding-top: 5px;padding-bottom: 5px; border-radius: 0;margin-bottom: 0;text-align: center;font-size: 14px;border: none;}
.alert.alert-info {
    background: #e7faf2;
}
.alert.alert-warning {
    background: #ffead0;
}
.nav-tabs {
    border-bottom: 3px solid #ecf0f2;
    margin-bottom: 15px;
    height: 40px
}
.nav-tabs > li > a {
    color: #738293;
    margin-right: 8px;
    border: none
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border: none;
    border-bottom: 3px solid #00afc8;
    color: #252f3d
}
.nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
    border: none;
    background: #ffffff;
    border-bottom: 3px solid #abe9f2
}
.panel .table {
    margin-bottom: 0;
}
.table th {
    background: #ecf0f2;
    border-right: 1px solid #fcfcfc;
    color: #626f7e;
    border-top: none !important;
    border-bottom: none !important
}
.table td {
    border-bottom: 1px solid #e7ebed;
    border-top: none !important;
    vertical-align: middle !important;
}
.table td, .table th {
    text-align: center;
}
.table td a {
    padding: 0 5px
}
.table .text-left {
    text-align: left !important
}
.table-hover tr:hover td {
    background: #ecf0f2;
}
div.required label:after {
    content: " *";
    color: red
}
.btn {
    color: #ffffff;
    background: #526069;
    border-color: #526069;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, .btn:hover {
    outline: none;
    background: #76838f;
    border-color: #76838f;
    color: #ffffff;
}
.btn.disabled, .btn-dark.disabled:hover, .bt[disabled], .bt[disabled]:hover {
    color: #ffffff;
    background-color: #a3afb7;
    border-color: #a3afb7;
}
.btn-success {
    color: #ffffff;
    background: #00acac;
    border-color: #00acac;
}
.btn.btn-success.active, .btn.btn-success:active, .btn.btn-success:focus, .btn.btn-success:hover, .open .dropdown-toggle.btn-success {
    background: #008a8a;
    border-color: #008a8a;
}
.btn.btn-success.active, .btn.btn-success:active, .btn.btn-success:focus, .btn.btn-success:hover, .open .dropdown-toggle.btn-success {
    background: #008a8a;
    border-color: #008a8a;
}
.btn-default {
    color: #76838f;
    background-color: #e4eaec;
    border-color: #e4eaec;
}
.btn-outline.btn-default {
    color: #76838f;
    background-color: transparent;
}
.btn-default.focus, .btn-default:focus, .btn-default:hover {
    background-color: #f3f7f9;
    border-color: #f3f7f9;
    color: #333333;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
    background-color: #ccd5db;
    border-color: #ccd5db;
}
.btn-primary {
    color: #ffffff;
    background-color: #62a8ea;
    border-color: #62a8ea;
}
.btn-danger {
    color: #ffffff;
    background-color: #f96868;
    border-color: #f96868;
}
.btn-warning {
    color: #ffffff;
    background-color: #f2a654;
    border-color: #f2a654;
}
.btn-warning.focus, .btn-warning:focus, .btn-warning:hover {
    background-color: #f4b066;
    border-color: #f4b066;
}
.btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning {
    background-color: #e79857;
    border-color: #e79857;
}
.btn-danger.focus, .btn-danger:focus, .btn-danger:hover {
    background-color: #fa7a7a;
    border-color: #fa7a7a;
}
.btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
    background-color: #e9595b;
    border-color: #e9595b;
}
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
    background-color: #89bceb;
    border-color: #89bceb;
}
.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
    background-color: #4e97d9;
    border-color: #4e97d9;
}
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    color: #ffffff;
    background-color: #a2caee;
    border-color: #a2caee;
}
legend {
    font-weight: 600;
    font-size: 24px;
}
.form-control {
    border-color: #e2e7ea;
    box-shadow: none;
    transition-duration: .5s
}
label {
    font-weight: 500;
    color: #242a30;
}
.form-control:focus, .has-success .form-control, .has-success .form-control:focus {
    border-color: #9fa2a5;
    box-shadow: none;
    transition-duration: .5s
}
.has-error .control-label, .has-error .help-block {
    color: #e05c69;
}
.has-error .form-control, .has-error .form-control:focus {
    border-color: #e05c69;
    box-shadow: none;
}
.has-success .control-label {
    color: #333333
}
.md-editor {
    border: none;
}
.note-popover .popover-content, .panel-heading.note-toolbar {
    border-color: transparent;
    box-shadow: none;
    padding: 0 2px 2px 0;
    background: #ffffff;
}
.note-editor.note-frame {
    border: none;
    box-shadow: none;
}
.note-editor.note-frame .note-editing-area {
    border: 1px solid #e4eaec;
}
.note-toolbar .btn-default, .note-toolbar .btn-default.disabled {
    background: transparent;
    border-color: transparent;
    color: #76838f;
}
.note-editor.note-frame .note-editing-area .note-codable {
    background: transparent;
    color: #555555;
}
.note-statusbar {
    display: none;
}
.panel-heading.note-toolbar > .btn-group {
    margin-top: 0;
}
.md-editor textarea:focus, .md-editor textarea:active, .md-editor textarea:hover {
    border-color: #e4eaec;
}
.md-editor .md-controls {
    padding: 6px;
}
.md-editor > .md-preview img {
    width: 100%;
}
.md-editor .md-footer, .md-editor > .md-header {
    padding: 0;
}
.md-editor .btn-toolbar .btn-group:first-child {
    margin-left: 0;
}
.login-container {
    position: relative;
    width: 300px;
    margin: 0 auto;
    padding-top: 10%;
}
.login-container:before {
    /*background: url("https://yuntu.ru/content/images/system/home_cover_1502556199219_25ea8b.jpg");*/
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: "";
    /* 691668 https://images.pexels.com/photos/1367188/pexels-photo-1367188.jpeg */
    /*background-image: url('../images/login-bg.jpg');*/
}
.login-container label {
    /*font-weight: 400;*/
    color: #ffffff;
}
.login-container .form-control {
    border-color: #76838f;
}
.login-logo {
    font-family: 'satisfy', serif;
    font-size: 40px;
    display: block;
    margin-bottom: 30px;
    text-align: center;
}
.login-logo img {
    width: 200px;
}
.login-container .has-error .form-control {
    border-color: #e05c69;
}
.login-container .has-error .control-label, .login-container .has-error .help-block {
    font-weight: 600;
}

